<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core"
                template="/templates/mainLayout.xhtml">

    <ui:define name="title">Đổi mật khẩu</ui:define>
    <ui:define name="idleMonitor">
        <h:form id="monitorForm" prependId="false">
            <p:idleMonitor timeout="#{changePassBean.conversation.getTimeout()}" onidle="idleDialog.show();" 
                           onactive='window.location = "changepass.jsf";' rendered="#{!changePassBean.conversation.isTransient()}"/>

            <p:dialog header="Thông báo" resizable="false" widgetVar="idleDialog" modal="true" width="400">
                <h:outputText value="Phiên làm việc trên trang này đã hết hạn" />
            </p:dialog>
        </h:form>
    </ui:define>
    <ui:define name="content">
        <h:form id="contentForm">
            <p:panel header="Đổi mật khẩu">
                <p:messages id="msgs"/>
                <h:panelGrid styleClass="panelGrid" columnClasses="ui-state-default labelCol, ui-widget-content" 
                             columns="2" cellpadding="5" width="100%">  
                    <h:outputLabel for="oldPassword" style="display: inline; float: right; padding-right: 5px;" value="Mật khẩu hiện tại *" />
                    <p:password id="oldPassword" value="#{changePassBean.oldPassword}" required="true" label="Mật khẩu hiện tại" size="25" maxlength="50"
                                requiredMessage="Yêu cầu nhập mật khẩu hiện tại"/>
                    
                    <h:outputLabel for="password" style="display: inline; float: right; padding-right: 5px;" value="Mật khẩu mới *" />
                    <p:password id="password" value="#{changePassBean.password}" required="true" label="Mật khẩu mới" size="25" maxlength="50"
                                requiredMessage="Yêu cầu nhập mật khẩu mới"/>
                    
                    <h:outputLabel for="retypepassword" style="display: inline; float: right; padding-right: 5px;" value="Nhập lại mật khẩu mới *" />
                    <p:password id="retypepassword" value="#{changePassBean.reTypePassword}" required="true" label="Nhập lại mật khẩu mới" size="25" maxlength="50"
                                requiredMessage="Yêy cầu nhập lại mật khẩu mới"/>
                    
                    <h:outputText value=""/>
                    <p:commandButton id="bRegister" value="Đổi mật khẩu" ajax="false" action="#{changePassBean.changeAction()}"/>
                </h:panelGrid>
            </p:panel>
        </h:form>
    </ui:define>
</ui:composition>